<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
    </style>
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    <!-- 1.9.1的JQuery文件 -->
    <script src="../common-js/jquery1.9.1.js"></script>
    <!--Bootstrap3 css-->
    <link rel="stylesheet" href="../common-css/bootstrap3.css">
    <!--Bootstrap3 js-->
    <script src="../common-js/bootstrap3.js"></script>

    <link rel="stylesheet" href="css/signOut.css">
</head>
<body>
<div class="row">
    <div class="col-lg-4 col-lg-offset-4">
        <div class="panel panel-default">
            <div class="panel-heading">
                <img src="img/logo.jpg" alt="" class="img-responsive img-circle center-block">
                <h3 class="panel-title text-center"> 欢迎注册飞海!</h3>
            </div>
            <div class="panel-body">
                <form action="#">
                   <div class="form-group">
                       <label for="username">用户名</label>
                       <input type="text" class="form-control" placeholder="邮箱" id="username" required autofocus pattern=".*@.*\..+" title="请输入正确邮箱号">
                   </div>
                    <div class="form-group">
                        <label for="nickname">昵称</label>
                        <input type="text" class="form-control" placeholder="最多14个字符" id="nickname" pattern=".{,14}">
                    </div>
                    <div class="form-group">
                        <label for="passowrd">密码</label>
                        <input type="password1" class="form-control" placeholder="6到16位字母或数字或符号组成" id="password1" required id="passowrd" pattern="[1-9A-Za-z._*!?]{6,16}" title="6到16位字母或数字或符号组成">
                    </div>
                    <div class="form-group">
                        <label for="passowrd2">确认密码</label>
                        <input type="password" class="form-control" placeholder="再输入一次密码" id="passowrd2" required>
                    </div>
                    <div class="form-group">
                        <label for="yzm">验证码</label>
                        <div class="input-group">
                            <div class="input-group-addon yzmWrapper">
                            </div>
                            <input type="text" class="form-control" placeholder="验证码" required id="yzm">
                        </div>
                    </div>
                    <button class="btn btn-primary form-control">注册</button>
                </form>
                <hr>
                <p class="text-center">注册表示同意<a>飞海的用户协议</a></p>
            </div><!--/panel-body-->
        </div>
    </div><!--col-lg-4-->
</div><!--/row-->
</body>
</html>